<html lang="en">
<head>
    <meta charset="UTF-8">
    <link href="//cdn.bootcss.com/element-ui/1.4.0/theme-default/index.css" rel="stylesheet">
    <link href="resourceInfo.css" rel="stylesheet">
</head>
<body>
<script src="//cdn.bootcss.com/vue/2.2.2/vue.min.js"></script>
<script src="https://cdn.bootcss.com/axios/0.16.2/axios.min.js"></script>
<!--<script src="//cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>-->
<script src="//cdn.bootcss.com/element-ui/1.4.0/index.js"></script>
<script src="/framework/lib/common.js"></script>
<div id="app">
    <template>
        <el-tabs v-model="activeName" @tab-click="handleClick">
            <el-tab-pane label="资源列表" name="first">
                <iframe src="resourceList.html" style="width:100%" scrolling="false" :style="{height:heightVar}" frameborder="none">
                </iframe>
            </el-tab-pane>
            <el-tab-pane :label="dialogTitle" name="second" disabled="true">
                <iframe :src="dialogSrc" style="width:100%;height:500px" frameborder="none">
                </iframe>
            </el-tab-pane>
        </el-tabs>
    </template>
</div>
<script>
    var heightVar = document.body.clientHeight-78;
    var main = {
        el: "#app",
        data() {
            return {
                dialogTitle:"资源编辑",
                dialogSrc:"resourceInfo.html",
                heightVar:heightVar,
                activeName: 'first'
            };
        },
        methods: {
            handleClick(tab, event) {
                console.log(tab, event);
            }
        }
    };
    window.vue = new Vue(main)
</script>
</body>
</html>